<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
    <link rel="stylesheet" href="../找房无忧.css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../找房无忧.css/详情.css">
    <script src="../找房无忧.js/公共等比缩放.js"></script>
    <script src="../找房无忧.js/swiper-bundle.min.js"></script>
</head>

<body>
    <div class="all">
        <header>
            <div class="header">
                <div class="logos"> 
                    <img src="../image/index/logo.jpg" class="logo">
                </div>
               <div class="mys">
                   <a href="#" class="my1"><img src="../image/index/my.jpg" class="my"></a>
                   <a href="#" class="xiazai1"><img src="../image/index/xiazai.jpg" class="xiazai"></a>
                 </div>
            </div>
        </header>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../image/rentalList/banner.png" alt=""> </div>
                <div class="swiper-slide"><img src="../image/rentalList/img1.png" alt=""></div>
                <div class="swiper-slide"><img src="../image/rentalList/img2.png" alt=""></div>
                <div class="swiper-slide"><img src="../image/rentalList/img3.png" alt=""></div>
                <div class="swiper-slide"><img src="../image/rentalList/img4.png" alt=""></div>
            </div>
                <div class="swiper-pagination"></div>
        </div>
        <div class="main">
           <div>
               <h2>天鹅湾小区精装两居，满五唯一，业主换房急售</h2>
               <p><span>576</span>万元（单价：46327元/平） <img src="../image/SecondHandList/phone.png" alt=""> </p>
               <span class="main-span1">挂牌时间2015年6月20日</span>
               <span class="main-span2">学区房</span> &nbsp; <span class="main-span3">独家</span> &nbsp; <span class="main-span4">满五唯一</span>
           </div>
           <div class="kong"></div>
           <ul class="main-ul1">
               <li> <span>户型：3室2厅</span> <span>面积：100平</span> </li>
               <li> <span>户型：3室2厅</span> <span>面积：100平</span> </li>
               <li> <span>户型：3室2厅</span> <span>面积：100平</span> </li>
               <li> <span>户型：3室2厅</span> <span>面积：100平</span> </li>
               <li> <span>户型：3室2厅</span> <span>面积：100平</span> </li>
               <li>地铁:离西二旗地铁站800米</li>
               <li>小区:珠江帝景</li>
               <li>学校:北京市第二实验小学</li>
               <li id="last-li">更多房源信息</li>
           </ul>
           <div class="kong"></div>
          <ul class="main-ul2">
              <li>户型分间</li>
              <li>
                        <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                        <div class="li-div2">
                            <div>
                                <h2>文化部中间层 一层带...</h2>
                                <p>2室1厅96m²南北  </p>
                                <span class="main-span4">南北通透</span> 
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                        <div class="li-div2">
                            <div>
                                <h2>文化部中间层 一层带...</h2>
                                <p>2室1厅96m²南北  </p>
                                <span class="main-span4">南北通透</span> 
                            </div>
                        </div>
                    </li>
          </ul>
          <div class="kong"></div>
          <ul class="main-ul3">
            <li>对口学校 </li>
            <li> <span>学校名称:</span> <span>北京市第二实验小学</span> </li>
            <li> <span>学校名称:</span> <span>北京市第二实验小学</span> </li>
            <li> <span>学校名称:</span> <span>北京市第二实验小学</span> </li>
            <li> <span>学校名称:</span> <span>北京市第二实验小学</span> </li>
            <li> <span>学校名称:</span> <span>北京市第二实验小学</span> </li>
            <li id="last-li2">查看学校详情</li>
        </ul>
        </div>
        <div class="kong"></div>
        <ul class="main-ul4">
            <li>位置及周边</li>
            <li> <img src="../image/rentalList/map.png" alt=""> </li>
        </ul>
        <div class="kong"></div>
        <ul class="main-ul5">
            <li>推荐房源</li>
            <hr style="color:  #C9B9BC;">
            <li>
                      <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                      <div class="li-div2">
                        <div>
                            <h2>光华部中间 一层带...</h2>
                            <p>2室1厅96m²南北 <span>1105万</span> </p>
                            <p>光大水墨 <span>14268元/平</span> </p>
                            <p>学区房 &nbsp; 独家</p>
                        </div>
                      </div>
                      <img src="../image/index/close.png" class="xsj">
                      <div class="li-div3">
                        推荐理由: 同户型、通风好、采光好
                      </div>
                  </li>
                  <li>
                      <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                      <div class="li-div2">
                        <div>
                            <h2>光华部中间 一层带...</h2>
                            <p>2室1厅96m²南北 <span>1105万</span> </p>
                            <p>光大水墨 <span>14268元/平</span> </p>
                            <p>学区房 &nbsp; 独家</p>
                        </div>
                      </div>
                      <img src="../image/index/close.png" class="xsj">
                      <div class="li-div3">
                        推荐理由: 同户型、通风好、采光好
                      </div>
                  </li>
                  <li>
                    <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                    <div class="li-div2">
                      <div>
                          <h2>光华部中间 一层带...</h2>
                          <p>2室1厅96m²南北 <span>1105万</span> </p>
                          <p>光大水墨 <span>14268元/平</span> </p>
                          <p>学区房 &nbsp; 独家</p>
                      </div>
                    </div>
                    <img src="../image/index/close.png" class="xsj">
                    <div class="li-div3">
                      推荐理由: 同户型、通风好、采光好
                    </div>
                </li>
                <li>
                    <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                    <div class="li-div2">
                      <div>
                          <h2>光华部中间 一层带...</h2>
                          <p>2室1厅96m²南北 <span>1105万</span> </p>
                          <p>光大水墨 <span>14268元/平</span> </p>
                          <p>学区房 &nbsp; 独家</p>
                      </div>
                    </div>
                    <img src="../image/index/close.png" class="xsj">
                    <div class="li-div3">
                      推荐理由: 同户型、通风好、采光好
                    </div>
                </li>
                <li>
                    <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                    <div class="li-div2">
                      <div>
                          <h2>光华部中间 一层带...</h2>
                          <p>2室1厅96m²南北 <span>1105万</span> </p>
                          <p>光大水墨 <span>14268元/平</span> </p>
                          <p>学区房 &nbsp; 独家</p>
                      </div>
                    </div>
                    <img src="../image/index/close.png" class="xsj">
                    <div class="li-div3">
                      推荐理由: 同户型、通风好、采光好
                    </div>
                </li>
                <li>
                    <div class="li-div1"><img src="../image/index/img2.png" alt=""></div>
                    <div class="li-div2">
                      <div>
                          <h2>光华部中间 一层带...</h2>
                          <p>2室1厅96m²南北 <span>1105万</span> </p>
                          <p>光大水墨 <span>14268元/平</span> </p>
                          <p>学区房 &nbsp; 独家</p>
                      </div>
                    </div>
                    <img src="../image/index/close.png" class="xsj">
                    <div class="li-div3">
                      推荐理由: 同户型、通风好、采光好
                    </div>
                </li>
                <hr style="color:  #C9B9BC;">
        </ul>
        <div class="more">
            查看更多相似房源
        </div>
        <div class="bottom">
            <div>北京找房无忧网>首页</div>
            <div> 
                <div class="bottom-left"> 
                    <div></div>
                    <div>
                        <img src="../image/index/apple.png" alt="">
                        <div class="apple-right"> iphone 客户端</div>
                    </div>
                   
                </div>
                <div class="bottom-right"> 
                    <div>
                        <img src="../image/index/android.png" alt="">
                        <div class="android-right"> android 客户端</div>
                    </div>
                    <div></div>
               </div>
             </div>
             <div>北京找房无忧房地产经纪有限公司</div>
             <div> 网络经许可证京ICP备20160812号-12</div>
        </div>
        <div class="tel">
            <div>
                <img src="../image/SecondHandList/user.png">
               <span>联系经纪人</span> 
            </div>
            <div>
                <img src="../image/SecondHandList/xin.png">
                <span>关注</span> 
            </div>
        </div>
    </div>
</body>
<script>        
    var mySwiper = new Swiper ('.swiper', {
      direction: 'horizontal', // 横向切换选项
      loop: true, // 循环模式选项
      
      // 如果需要分页器
      pagination: {
    el: '.swiper-pagination',
    type: 'fraction',
    formatFractionTotal: function (number) {
      switch(number)
        {
          case 1:
          myNum='5'
          break;
          case 2:
          myNum='5'
          break;
          case 3:
          myNum='5'
          break;
          case 4:
          myNum='5'
          break;
          case 5:
          myNum='5'
          break;
          default:myNum= number
        }
      return myNum; 
    },
  },
      
     
      autoplay:true,
    }  )
    </script>
</html>